iT邦幫忙

2022 iThome 鐵人賽

DAY 15
0
Modern Web

【每天5分鐘】學前端系列 第 15

Day15【每天5分鐘】學前端 | JavaScript 數字 number

  • 分享至 

  • xImage
  •  

今天除了介紹數字,還會學到 算數運算子餘數運算子
了解在運算式中的 運算元運算子

數字 Number (整數或小數)

跟字串不同的是不用引號包起來, 直接寫 即可

console.log(123);

開發者工具 主控台 會顯示: 123

console.log(3.14); 

開發者工具 主控台 會顯示: 3.14


如果只是要測試 console.log,到任何網站都可以開啟主控台喔

以 Google 為例

https://ithelp.ithome.com.tw/upload/images/20220916/20151346X8QB1lXuJG.png


算術運算子

算術運算子 使用符號
加法 +
減法 -
乘法 *
除法 /
console.log(1 + 1); // 2
console.log(100 - 1); // 99
console.log(0.3 * 10); // 3
console.log(10 / 2); // 5

其中,加減乘除符號叫做 運算子
前後的數值叫做 運算元

運算元1 運算子 運算元2

像這樣的格式又稱做 二元運算子
其他還有一元運算子、三元運算子,之後文章會再提到。

附上 MDN 介紹連結 網址點我


餘數運算子

餘數運算子 使用符號 用途
取餘數 % 可用於判斷奇偶數
console.log(10 % 3);

10 除以 3 等於 3 餘 1 ,開發者工具 主控台 會顯示: 1 ,又稱回傳值 1

console.log(10 % 5);

10 除以 5 等於 2 餘 0 ,回傳值 0


數字若用引號包起來,則會被電腦視為 字串
在做運算的時候就會出問題哦!

舉個例子:小明考了 80 分,老師說有一題是送分題,因此要再加上 10 分。

console.log(80 + 10); // 90

如果不小心加了引號 ...

console.log(80 + "10"); // 8010

電腦直接幫你將 10 黏在 80 後面啦 XD

/images/emoticon/emoticon37.gif /images/emoticon/emoticon37.gif
明天會介紹 邏輯運算子,還有布林值


https://ithelp.ithome.com.tw/upload/images/20220916/20151346Lu8n81Gs2c.png 自學指引:

  • 指數運算子(**)
  • 先了解 var、let、const 的差異
  • 何謂變數?


另外~ ♬
我昨天報名了 影片教學 組,主題是 【從麻瓜變成前端魔法師】
是 【每天5分鐘】學前端 的影片版本,希望可以把 如何操作 的步驟都錄下來。

但我沒有錄過 YouTube,今天會想辦法把影片弄出來

也可以搭配著看哦 (★)

感謝閱讀,我們明天見囉~~~ /images/emoticon/emoticon29.gif


上一篇
Day14【每天5分鐘】學前端 | JavaScript 字串 string
下一篇
Day16【每天5分鐘】學前端 | JavaScript 布林值 boolean + 邏輯運算子
系列文
【每天5分鐘】學前端30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
隱士者
iT邦新手 4 級 ‧ 2022-09-16 11:43:31

希望仙女可以入鏡,期待唷 /images/emoticon/emoticon07.gif

Olivia iT邦新手 4 級 ‧ 2022-09-16 11:49:40 檢舉

說仙女太誇張了啦 XD
感謝支持~ /images/emoticon/emoticon37.gif

0
json_liang
iT邦研究生 4 級 ‧ 2022-09-16 14:25:16

YA 想看影片版!

Olivia iT邦新手 4 級 ‧ 2022-09-16 16:21:47 檢舉

希望不會口齒不清 XD

0
overcast3579
iT邦新手 5 級 ‧ 2022-09-16 19:24:36

我也想看仙女姊姊?

Olivia iT邦新手 4 級 ‧ 2022-09-16 22:57:27 檢舉

說不定是叔叔?
我的電腦沒有視訊鏡頭啦 XD

我要留言

立即登入留言